<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="applicable-device" content="pc" />
    <title>弹窗集合</title>
    <meta name="keywords" content="KEYWORD" />
    <meta name="description" content="DESCRIPTION" />
    <link rel="stylesheet" href="./css/common.min.css" />
    <link rel="stylesheet" href="./css/dialog-layui.min.css" />
    <base target="_blank" />
</head>
<body>
	
    <div class="success-warp">抢单成功</div>
    <div id="box1">
    	<div class="single-success">
	    	<i></i>
	    	<p class="infor-title">抢单成功</p>
	    	<span class="gray-infor">恭喜您抢单成功!是否立即查看订单信息，完成配送？</span>
	    </div>
	</div>
	
    <div class="rules-warp">交易规则</div>
    <div id="box2">
    	<div class="rules-txt" id="content">
            <p>原则：本站本着互惠互利的原则，希望花店及经销商双方遇到问题可自主协商解决；如双方无法达成一致意见，可申请花娃平台介入协调解决，具体解决方式参照《花密欧交易纠纷处理规则》，特此说明如下：</p>
            <p>1、您在花密欧进行交易即表示您同意《花密欧交易纠纷处理规则》的相关条例，所有花密欧的商家必须严格按照《花密欧平台交易纠纷处理规章》的相关条款执行售后服务。</p>
            <p>2、所有同意《花密欧交易纠纷处理办法》的花店和经销商必须严格遵守花密欧交易规则；不履行相关条款的，花密欧有权进行处罚，包括但不限于从保证金中扣除相关费用、信用积分清零、限制帐号权限、冻结帐号、永不合作。</p>
            <p>3、当交易双方的权益受到侵害而无法协商解决时，请在第一时间拨打花密欧热线400-678-0020或联系我们的在线客服提交投诉处理申请。</p>
            <p>4、我们将在收到您投诉申请后的3个工作日内进行核实处理，并将处理意见反馈至交易双方。</p>
            <p>3、当交易双方的权益受到侵害而无法协商解决时，请在第一时间拨打花密欧热线400-678-0020或联系我们的在线客服提交投诉处理申请。</p>
            <p>4、我们将在收到您投诉申请后的3个工作日内进行核实处理，并将处理意见反馈至交易双方。</p>
        </div>
    </div>
    
    <div class="order-warp">确认要接单</div>
    <div id="box3">
    	<div class="confirm-order-con">
            <i></i>
            <p class="infor-title">确认要接此单？</p>
            <p>订单号：<span class="green">20178566324555566</span></p>
            <p>成交价：<span class="red mr8">￥10.00</span>(未付款，存在交易风险）</p>
            <p class="last-p clearfix"><i class="fl">提&nbsp;&nbsp;&nbsp;醒：</i><span>该订单未付款，存在交易风险，为保障您的资金安全，请提醒下单方付款后继续交易！</span></p>
        </div>
        <div class="order-contact">联系下单方：<a href="#"></a></div>
    </div>
    
    <div class="certification-warp">实名认证</div>
    <div id="box4">
    	<div class="certification">
    		<i></i>
    		<p class="infor-title">实名认证</p>
    		<span class="gray-infor">您还未进行实名认证，未完成认证将无法接单！</span>
    	</div>
    </div>


    <div class="login-warp">请先登录</div>
    <div id="box5">
        <div class="login-form">
            <div class="input-control">
                <input class="input-user" id="userName" type="text" placeholder="请输入用户名" />
            </div>
            
            <div class="input-control error">
                <input class="input-password" id="userPassword" type="password" placeholder="请输入密码"/>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./plugin/scroll/jquery.nicescroll.js"></script>
    <script type="text/javascript" src="./plugin/layui/layui.all.js"></script>
    <script type="text/javascript" src="./js/dialog-layui.js"></script>
</body>

</html>